/**
 * Les balises principales
 */
 
html { 
	/*couleur de l'ascensceur*/
	scrollbar-face-color: #FFCC00;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #d5d5d5;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #000000;
}

 
body{
	background-color:#000066;
	color:#000000;
	margin:0;
	padding:0;
}

* {
	vertical-align:top;
}

/**
 * la page
 */

#page {
	width: 80%;
	margin-top: 5px;
	border-top-color: #EEBB00;
	border-top-style: ridge;
	border-top-width: 1px;
	border-right-color: #EEBB00;
	border-right-style: ridge;
	border-right-width: 1px;
	border-bottom-color: #EEBB00;
	border-bottom-style: ridge;
	border-bottom-width: 1px;
	border-left-color: #EEBB00;
	border-left-style: ridge;
	border-left-width: 1px;
	background-color:#FFCC00;
}


	/**
	 * Head
	 */


		#head {
		
		}
			/**
			 * Bandeau
			 */
				#head td.bandeau {
					background-color: #CC3300;
					color: #FFFFFF;
					font-size:11px;
					text-align: center;
					font-family: Arial, Helvetica, sans-serif;
					font-style: normal;
					line-height: normal;
					font-weight: bold;
					text-transform: capitalize;
					font-variant: small-caps;
					text-decoration: none;
				}
				
				#head span.bandeau
				{
					line-height: 15px;
				}
				
			/**
			 * Logo
			 */
				#logo img{
					width: 100%;
				}

	/**
	 * Content
	 */

		#content {
			padding-top: 50px;
		}

			/**
			 * Menu
			 */
				#content td.menu {
					width: 150px;
					height: 100%;
					padding-left: 0px;
					padding-right: 0px;
					padding-top: 0px;
					padding-bottom: 0px;
				
				}
				
				span.up {
					text-align: left;
					font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
					font-size: 100%;
					color: #FFFFFF;
					padding-left: 0px;
					margin-left: 0px;
					margin-right: 0px;
					padding-left: 10px;
					display: block;
					border-top-color: #FFFFFF;
					border-top-style: outset;
					border-top-width: 1px;
					border-right-color: #FFFFFF;
					border-right-style: outset;
					border-right-width: 1px;
					border-bottom-color: #FFFFFF;
					border-bottom-style: outset;
					border-bottom-width: 1px;
					text-transform: capitalize;
					font-variant: small-caps;						
				}
				
				
					span.up a {
						color: #FFFFFF;
					}
					
					span.up a:visited {
						color: #EEEEEE;
					}
					
					span.up a:hover {
						color:#CCCC00;
						text-decoration:none;
					}
					
					span.up a:active {
						color:#FFCC00;
					}
					
					span.actif_up {
						background-color:#FF0000;
					}
					

				span.down {
					text-align: left;
					font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
					font-size: 80%;
					color: #FFFFFF;
					padding-left: 25px;
					display: block;
				}
				
					span.down a {
						color: #FFFFFF;
					}
					
					span.down a:visited {
						color: #CCCCCC;
					}
					
					span.down a:hover {
						color:#FFCC00;
					}
					
					span.down a:active {
						color:#BBFF00;
					
					}
					
					span.actif_down {
						background-color:#DD0000;
					}
					

			/**
			 * Main
			 */
				#content td.main {
					border-left-color:#FFFFFF;
					border-left-style:dotted;
					border-left-width:2px;
					padding-left: 5px;
					padding-right: 10px;
					padding-top: 2px;
					padding-bottom: 20px;
				}
				
				#content legend {
					color: #CC0000;
					margin-bottom: 10px;
				}
				
				#content fieldset {
					width: 50%;
					left: 50%;
					padding-left: 20px;
					padding-right: 20px;
				}
				
				#content h1 {
					text-indent: 0px;
					color:#CC0000;
				}
				
				#content p.h1 {
					margin-left: 10px;
				}
				
				#content h2 {
					text-indent: 10px;
					color:#0066FF;
				}
				
				#content p.h2 {
					margin-left: 20px;
				}
				
				#content h3 {
					text-indent: 20px;
					color: #CC3300;
					text-decoration: underline;
				}
				
				#content p.h3 {
					margin-left: 30px;
				}
			
				#content h4 {
					text-indent: 30px;
					color: #CC3300;
				}
				
				#content p.h4 {
					margin-left: 40px;
				}
				
				#content h5 {
					text-indent: 40px;
				}
				
				#content p.h4 {
					margin-left: 50px;
				}
				
				#content p {
					font-family: "Times New Roman", Times, serif;
					color: #000066;
					line-height: 100%;
					text-align: justify;
					text-indent: 10px;
				}
								
				#content p.signature {
					font-family: Arial, Helvetica, sans-serif !important;
					font-size: 13px !important;
					color: #000066 !important;
					font-style: normal !important;
					line-height: normal !important;
					font-weight: normal !important;
					text-transform: capitalize !important;
					font-variant: small-caps !important;
					text-decoration: none !important;
					float:right !important;
					margin-right: 1cm !important;
					word-spacing: normal !important;
					letter-spacing: normal !important;
					text-indent: 0px !important;
					text-align: justify !important;
				}
				
				#content p.asterix {
					font-family: Arial, Helvetica, sans-serif !important;
					font-size: 12px !important;
					color: #000066 !important;
					font-style: normal !important;
					line-height: normal !important;
					font-weight: normal !important;
					text-transform: normal !important;
					font-variant: normal !important;
					text-decoration: none !important;
					margin-left: 10px !important;
					word-spacing: normal !important;
					letter-spacing: normal !important;
					text-indent: 0px !important;
					text-align: justify !important;
				}
				
				/*#content p:first-letter {
					font-family: "Times New Roman", Times, serif;
					color: #CC33FF;
					line-height: 100%;
				}*/
				

	/**
	 * Foot
	 */

		#foot {
			height: 10px;
			position:relative;
		}

			/**
			 * Bandeau
			 */
				#foot td.bandeau {
					background-color: #CC3300;
					color: #FFFFFF;
					font-size:11px;
					text-align: center;
					font-family: Arial, Helvetica, sans-serif;
					font-style: normal;
					line-height: normal;
					font-weight: bold;
					text-transform: capitalize;
					font-variant: small-caps;
					text-decoration: none;
				}
				
				#foot span.bandeau
				{
					line-height: 15px;
				}
				
			/**
			 * info_foot
			 */
			 	#info_foot {
					background-color: #FFAA00;
				}
				
				#info_foot table {
					margin-top: 5px;
					margin-bottom: 5px;
				}
				
				#info_foot td{
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #330099;
					font-style: normal;
					line-height: normal;
					font-weight: normal;
					text-transform: none;
					font-variant: normal;
					text-decoration: none;
				}
				
				a {
					text-decoration: none;
					color: #330099;
				}
				
				a:hover {
					text-decoration: underline;
					color: #FF0000;
				}


/**
 * Bloc
 */

table.bloc {
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-right: 3px;
	background-color: #CC3300;
	border-top-color: #EEBB00;
	border-top-style: ridge;
	border-top-width: 1px;
	border-right-color: #EEBB00;
	border-right-style: ridge;
	border-right-width: 1px;
	border-bottom-color: #EEBB00;
	border-bottom-style: ridge;
	border-bottom-width: 1px;
	border-left-color: #EEBB00;
	border-left-style: ridge;
	border-left-width: 0px;
	color: #FFFFFF;
}


img.in_right {
	float: right;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left: 10px;
}

img.in_left {
	float: left;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 10px;
}


/**
 * Magasin
 */

#magasin {
	text-align:center;
	border-top-color: #EEBB00;
	border-top-style: solid;
	border-top-width: 0px;
	border-right-color: #EEBB00;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #EEBB00;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #EEBB00;
	border-left-style: solid;
	border-left-width: 1px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#magasin th {
	border-top-color: #FFFFFF;
	border-top-style: outset;
	border-top-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: outset;
	border-right-width: 1px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: outset;
	border-bottom-width: 1px;
	border-left-color: #FFFFFF;
	border-left-style: outset;
	border-left-width: 1px;
}
#magasin td {
	border-right-color: #EEBB00;
	border-right-style: inset;
	border-right-width: 1px;
	border-bottom-color: #EEBB00;
	border-bottom-style: inset;
	border-bottom-width: 1px;
}

#magasin .header {
	background-color:#CC3300;
	color:#EEEEEE;
}


#magasin .paire {
	background-color:#FFDD00;
}

#magasin .impaire {
	background-color:#FFCC00;
}

input.prix {
	background-color:#FFAA00;
	text-align:right;
}

input.quantite {
	background-color:#FFAA00;
	text-align:center;
}

input.departement {
	background-color:#FFCC00;
	text-align:center;
}

div.erreur {
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	background-color:#FFFFFF;
	text-align:left;
	padding-left: 30px;
	color:#FF0000;
	font-weight:bold;
}


